<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>站酷</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="fonts/font3/iconfont.css">
    <link rel="stylesheet" href="fonts/font2/iconfont.css">
    <link rel="stylesheet" href="fonts/font1/iconfont.css">
    <link rel="stylesheet" href="fonts/iconfont.css">
    <script src="js/myscirpt.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="js/up.js"></script>
</head>
<body>
    <div class="nav">
        <div class="content">
            <div class="nav-left">
                <img src="img/1.png">
            </div>
            <div class="nav-mid">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">发现</a></li>
                    <li><a href="#">职位</a></li>
                    <li><a href="#">活动</a></li>
                    <li><a href="#">正版素材</a></li>
                    <li><a href="#">课程</a></li>
                    <li><a href="#">版权保护</a></li>
                </ul>
                <div class="drop">
                    <li>
                        <a class="iconfont icon-caidan" href=""><span class="red-point"></span></a>
                        <div class="drop-down">
                            <ul>
                                <p><a href=""><span>榜单<span class="red-point"></span></span></a></p>
                                <p><a href=""><span>设计师</span></a></p>
                                <p><a href=""><span>站酷APP</span></a></p>
                                <p><a href=""><span>站酷字库</span></a></p>
                            </ul>
                        </div>
                    </li>
                </div>
            </div>
            <div class="nav-right">
                <a href="">
                    <div class="iconfont icon-sousu"></div>
                </a>
                <a href="">
                    <div class="iconfont icon-shangchuan"></div>
                </a>
                <a href="">
                    <div>登录<span>&nbsp;&nbsp;&nbsp;&nbsp;|</span></div>
                </a>
                <a href="">
                    <div>注册</div>
                </a>
            </div>
        </div>
    </div>
                <script>
                    var mySwiper = new Swiper('.swiper-container', {
                // Optional parameters
                direction: 'horizontal',
                loop: true,
                autoplay:{
                    delay:1000,
                    reverseDirection:true
    
                },
    
                // If we need pagination
                pagination: {
                    el: '.swiper-pagination',
                   
                },
    
                // Navigation arrows
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
    
                // And if we need scrollbar
                // scrollbar: {
                //     el: '.swiper-scrollbar',
                // },
                })
        </script>
</body>
</html>